<?php 
    include_custom("/views/header.php");
?>
<body>

<div id="container">
  <header id="header">
		<?php 
			include_custom("/views/header_menu.php");
		?>
  </header>
  <div id="main" role="main" class="search">
    <article class="search-content explore-apis">
		<div class="title">
        	<span>Home > Phòng Trọ</span>
            <ul>
                 <li>Sắp xếp theo: </li>
               	<li><a href="index.php?rt=phongtro/index&order=1" class="active">Thời gian đăng</a></li>
                <li><a href="index.php?rt=phongtro/index&order=2">Lượt view</a></li>
                <li><a href="index.php?rt=phongtro/index&order=3">Gía Phòng</a></li>
                <li class="last"><a href="index.php?rt=phongtro/index&order=4">Số lượng phòng trống</a></li>
        </div>
        <div class="nav">
        	<img src="skin/images/explore-choose.png" width="22" height="11">
        	<div class="apis categories">Tìm Kiếm</div>
            <div class="developer">
               
            	<a href="#"></a>
            </div><!-- end .developer-->
        </div><!-- end .nav-->
		
        <div class="content-main">
			<div id="contact">
				<div class="left">
					<img src="skin/images/NoImage.jpg">
				</div>
							
				<div class="right">
					<h1>Phòng trọ Nguyễn Trãi</h1>
					<p><span class="time">22/03/2012 18:00</span></p>
					<p>Địa chỉ: <span class="bold">Nguyễn Trãi - Thừa Thiên Huế</span></p>
					<p>Điện thoại: <span class="bold">0123456789</span></p>
				</div>
				
				<div class="price">
					<ul>
						<li>Gía thấp nhất: 400k</li>
						<li>Gía cao nhất: 500k</li>
						<li>Số phòng còn trống: 10</li>
					</ul>
				</div>
			</div>
           <div id="block-info">
				<div id="info-contact">
					<ul class="ui-tabs-nav">
						<li><a href="#tab-1">Thông tin chung</a></li>
						<li><a href="#tab-2">Bản đồ</a></li>
						<li><a href="#tab-3">Bình luận - Đánh giá</a></li>
					</ul>
					
					<div id="tab-1">
						<table>
							<thead>
								<tr>
									<th>Đặc tính</th>
									<th>Giá trị</th>
								</tr>
							</thead>
							
							<tbody>
								<tr>
									<td>Id</td>
									<td></td>
								</tr>
								<tr>
									<td>Tiêu đề</td>
									<td></td>
								</tr>
								<tr>
									<td>Mô tả</td>
									<td></td>
								</tr>
								<tr>
									<td>Ảnh đại diện</td>
									<td></td>
								</tr>
								<tr>
									<td>Phòng khép kín</td>
									<td></td>
								</tr>
								<tr>
									<td>Địa chỉ</td>
									<td></td>
								</tr>
								<tr>
									<td>Tổng số phòng</td>
									<td></td>
								</tr>
								<tr>
									<td>Số phòng còn trống</td>
									<td></td>
								</tr>
								<tr>
									<td>Tên chủ nhà</td>
									<td></td>
								</tr>
								<tr>
									<td>Điện thoại</td>
									<td></td>
								</tr>
								<tr>
									<td>Di động</td>
									<td></td>
								</tr>
								<tr>
									<td>Email</td>
									<td></td>
								</tr>
								<tr>
									<td>Giới tính thuê</td>
									<td></td>
								</tr>
								<tr>
									<td>Giá phòng</td>
									<td></td>
								</tr>
								<tr>
									<td>Giá điện</td>
									<td></td>
								</tr>
								<tr>
									<td>Giá nước</td>
									<td></td>
								</tr>
								<tr>
									<td>Gần chợ</td>
									<td></td>
								</tr>
								<tr>
									<td>Gần đường</td>
									<td></td>
								</tr>
								<tr>
									<td>Internet</td>
									<td></td>
								</tr>
							</tbody>	
						</table>
					</div>
					
					<div id="tab-2">
						ashdkjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
					</div>
					
					<div id="tab-3">
						<div id="form">
							<form method="get">
								<p class="title">
									Để lại lời nhận xét của bạn:            <small>[Những tin nhắn thư rác và có tính xúc phạm sẽ bị gỡ bỏ]</small>
								</p>
								<div id="name-email">
									<p class="line">
										<label for="comment_name">Tên:</label>
										<input type="text" onkeypress="javascript:activateCaptcha(129);" maxlength="50" size="20" id="comment_name">
										<span style="display: none" class="error" id="comment_name_error">Xin nhập tên</span>
									</p>
									<p class="line">
										<label for="comment_email">Email:</label>
										<input type="text" onkeypress="javascript:activateCaptcha(129);" maxlength="50" size="20" id="comment_email">
										<span class="emailnote">Địa chỉ email của bạn sẽ không bị phổ biến</span>
										<br><span style="display: none" class="error" id="comment_email_error">Email không hợp lệ</span>
									</p>
								</div>
								<p class="line vote">
									<span class="label">Đánh giá rao vặt này:</span>
									<span class="rate s_star_0_0">
										<span class="star-off1">1</span>
										<span class="star-off2">2</span>
										<span class="star-off3">3</span>
										<span class="star-off4">4</span>
										<span class="star-off5">5</span>
									</span>
									<span class="rateLabel">Không được đánh giá</span>
								</p>
								<p class="line comment">
									<label for="comment_text">Lời nhận xét:
									</label>
									<textarea cols="20" rows="7" id="comment_text"></textarea>
								</p>
							</form>
						</div>
					</div>
				</div>
			
				<p class="button">
                       <a href="#"><span class="api-running">Báo thông tin sai</span></a>
				</p>
		   </div>
        </div><!-- end .content-main-->
        
        <div id="sitebar">
        	<h3>Vị trí được chọn</h3>
			<div class="Container">
				<ul>
					<li>Huế</li>
				</ul>
			</div>
			<div id="home_distance_div">
				<div id="home_distance_selector">
					<h3>Lọc tìm kiếm của bạn
						<a title="Bắt đầu lại" href="#" id="l-startover">Bắt đầu lại</a>
					</h3>
					<ul id="city_select">
						<li>
							<form>
								<label id="title_set_city2">Nhập địa điểm</label>
								<input type="text" placeholder="Huế, Thừa Thiên Huế" class="place">
								<button type="submit">Chấp nhận</button>
							</form>
						</li>
					</ul>
				</div>
			</div>
			<div id="refine">
                <ul id="navigatorsUl">
					<li>
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="priceroom">Giá phòng:
							</span>
							<div id="Navigator_price" class="filter-range">
							<ul id="NavigatorUl_price" class="priceroom">
								<li>
									<input type="text" placeholder="Tối thiểu">
									-
									<input type="text" placeholder="Tối đa">
									<button type="submit">Filter</button>
								</li>
							</ul>
							</div>
						</form>
					</li>
					<li>
						<form>
							<span><img src="skin/images/expanded.gif" class="priceelec">Giá điện:</span>
							<div id="Navigator_bedrooms_sv_integer" class="filter-range">
								<ul id="NavigatorUl_bedrooms_sv_integer" class="priceelec">
									<li>
										<input type="text" placeholder="Tối thiểu">
										-
										<input type="text" placeholder="Tối đa">
										<button type="submit">Filter</button>
										
									</li>
								</ul>
							</div>
						</form>
					</li>
					<li>
						<form>
							<span><img src="skin/images/expanded.gif" class="pricewater">Giá nước:</span>
							<div id="Navigator_bedrooms_sv_integer" class="filter-range">
								<ul id="NavigatorUl_bedrooms_sv_integer" class="pricewater">
									<li>
										<input type="text" placeholder="Tối thiểu">
										-
										<input type="text" placeholder="Tối đa">
										<button type="submit">Filter</button>
									</li>
								</ul>
							</div>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="room">Phòng khép kín:
							</span>
								<ul id="room" class="room">
									<li class="element">
										<label>
											<input type="radio" name="room">Có
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="room">Không
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="gender">Giới tính thuê:</span>
								<ul class="gender" id="Navigator_AdType">
									<li class="element">
										
										<label>
											<input type="radio" name="gender">Nam
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="gender">Nữ
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio"  name="gender">Cả 2
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="image">Ảnh đại diện:</span>
								<ul class="image" id="Navigator_AdType">
									<li class="element">
										
										<label>
											<input type="radio" name="image">Có
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="image">Không
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="internet">Internet:</span>
								<ul class="internet" id="Navigator_AdType">
									<li class="element">
										
										<label>
											<input type="radio" name="internet" id="internet1">Có
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="internet" id="internet1">Không
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="street">Gần đường:</span>
								<ul class="street" id="Navigator_AdType">
									<li class="element">
										
										<label>
											<input type="radio" name="street">Có
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="street">Không
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="market">Gần chợ:</span>
								<ul class="market" id="Navigator_AdType">
									<li class="element">
										
										<label>
											<input type="radio" name="street">Có
										</label>
									</li>
									<li class="element">
										
										<label>
											<input type="radio" name="street">Không
										</label>
									</li>
								</ul>
						</form>
					</li>
					<li id="Navigator_List_AdType">
						<form>
							<span>
								<img src="skin/images/expanded.gif" class="phone">Điện thoại:
							</span>
							<ul class="phone" id="Navigator_AdType">
								<li class="element">
										
									<label>
										<input type="radio" name="phone">Có
									</label>
								</li>
								<li class="element">
										
									<label>
										<input type="radio" name="phone">Không
									</label>
								</li>
							</ul>
						</form>
					</li>	
                </ul> <!-- end navigatorsUl -->
            </div>
			
        </div><!--end .sitebar-->
    </article>
  </div>
  <footer id="footer"> 
  <?php
    include_custom("/views/footer.php");
?>
  </footer>
</div>
<!--! end of #container --> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="skin/js/libs/jquery-1.7.1.min.js"><\/script>')</script> 

<!-- scripts concatenated and minified via ant build script--> 
<script src="skin/js/plugins.js"></script> 
<script src="skin/js/script.js"></script> 
<!-- end scripts--> 

<!--[if lt IE 7 ]>
	<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
	<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]--> 
<script type="text/javascript" src="skin/js/jquery.js"></script> 
<script type="text/javascript">
	$(document).ready(function(){	

		if (!$.browser.opera) {
    
			// select element styling
			$('select.select').each(function(){
				var title = $(this).attr('title');
				if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
				$(this)
					.css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
					.after('<span class="select">' + title + '</span>')
					.change(function(){
						val = $('option:selected',this).text();
						$(this).next().text(val);
						})
			});

		};
		
	});
</script> 
<script type="text/javascript" src="skin/js/jquery-ui-1.8.17.custom.min.js"></script> 
<script type="text/javascript">

$(document).ready(function () {
$('#info-contact').tabs();
});
  </script> 
<script>
    $("img.phone").click(function () {
      $("ul.phone").slideToggle("medium");
    });
	$("img.street").click(function () {
      $("ul.street").slideToggle("medium");
    });
	$("img.internet").click(function () {
      $("ul.internet").slideToggle("medium");
    });
	$("img.pricewater").click(function () {
      $("ul.pricewater").slideToggle("medium");
    });
	$("img.priceelec").click(function () {
      $("ul.priceelec").slideToggle("medium");
    });
	$("img.priceroom").click(function () {
      $("ul.priceroom").slideToggle("medium");
    });
	$("img.gender").click(function () {
      $("ul.gender").slideToggle("medium");
    });
	$("img.image").click(function () {
      $("ul.image").slideToggle("medium");
    });
	$("img.market").click(function () {
      $("ul.market").slideToggle("medium");
    });
	$("img.room").click(function () {
      $("ul.room").slideToggle("medium");
    });
</script>
</body>
</html>